<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>{$archivesData.title} -  {$web_title}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="{$archivesData.title}" name="description" />
        <meta content="{$archivesData.title}" name="author" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App css -->
        <link href="/public/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="/public/assets/css/app.min.css" rel="stylesheet" type="text/css" />
<style>
img{
    max-width:600px;
    width: 100%;
}
</style>
    </head>

    <body>

        <!-- Begin page -->
        <div class="wrapper">

            <!-- ========== Left Sidebar Start ========== -->
            {include file="public/left" /}
            <!-- Left Sidebar End -->

            <!-- ============================================================== -->
            <!-- Start Page Content here -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="content">

                    <!-- Topbar Start -->
                   {include file="public/top" /}
                    <!-- end Topbar -->

                    <!-- Start Content-->
                    <div class="container-fluid">
                        
                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box">
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">首页</a></li>
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">{$cate}</a></li>
                                            <li class="breadcrumb-item active">内容详情</li>
                                        </ol>
                                    </div>
                                    <h4 class="page-title">网站详情</h4>
                                </div>
                            </div>
                        </div>     
                        <!-- end page title --> 

                        <div class="row">
                            <div class="col-md-8">
                                <!-- project card -->
                                <div class="card d-block">
                                    <div class="card-body">
                                        <div class="dropdown float-right">
                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
                                                <i class="dripicons-dots-3"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-142px, 20px, 0px);">
                                                <!-- item-->
                                                <a href="javascript:void(0);" class="dropdown-item"><i class="mdi mdi-pencil mr-1"></i>Edit</a>
                                                <!-- item-->
                                                <a href="javascript:void(0);" class="dropdown-item"><i class="mdi mdi-delete mr-1"></i>Delete</a>
                                                <!-- item-->
                                                <a href="javascript:void(0);" class="dropdown-item"><i class="mdi mdi-email-outline mr-1"></i>Invite</a>
                                                <!-- item-->
                                                <a href="javascript:void(0);" class="dropdown-item"><i class="mdi mdi-exit-to-app mr-1"></i>Leave</a>
                                            </div>
                                        </div>
                                        <!-- project title-->
                                        <h3 class="mt-0">
                                           {$archivesData.title}
                                        </h3>
                                       

                                       

                                        <p class="text-muted mb-2">
                                          {$archivesData.content|raw}
                                        </p>

                                    

                                       

                                    </div> <!-- end card-body-->
                                    
                                </div> <!-- end card-->

                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="mt-0 mb-3">评论 (258)</h4>

                                        <textarea class="form-control form-control-light mb-2" placeholder="Write message" id="example-textarea" rows="3"></textarea>
                                            <div class="text-right">
                                                <div class="btn-group mb-2">
                                                    <button type="button" class="btn btn-link btn-sm text-muted font-18"><i class="dripicons-paperclip"></i></button>
                                                </div>
                                                <div class="btn-group mb-2 ml-2">
                                                    <button type="button" class="btn btn-primary btn-sm">提交</button>
                                                </div>
                                            </div>

                                            <div class="media mt-2">
                                                <img class="mr-3 avatar-sm rounded-circle" src="/public/assets/images/users/avatar-3.jpg" alt="Generic placeholder image">
                                                <div class="media-body">
                                                    <h5 class="mt-0">站长提示</h5>
                                                 本站仅提供演示及下载功能，使用中有任何问题请联系站长qq：2404503092 微信：aike7809
                                                   
                                                </div>
                                            </div>

                                            <!--<div class="text-center mt-2">-->
                                            <!--    <a href="javascript:void(0);" class="text-danger">Load more </a>-->
                                            <!--</div>-->
                                    </div> <!-- end card-body-->
                                </div>
                                <!-- end card-->
                            </div> <!-- end col -->

                            <div class="col-md-4">
                               
                                <!-- end card-->

                                <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title mb-3">源码购买</h5>

                                        <div class="card mb-1 shadow-none border">
                                            <div class="p-2">
                                                <div class="row align-items-center">
                                                    <div class="col-auto">
                                                        <div class="avatar-sm">
                                                            <span class="avatar-title rounded">
                                                                源码
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col pl-0">
                                                        <a href="javascript:void(0);" class="text-muted font-weight-bold">单独购买源码</a>
                                                        <p class="mb-0">付款￥{$archivesData.jiage}后自动发货</p>
                                                    </div>
                                                    <div class="col-auto">
                                             <!-- Button -->
                                                        {empty name="login"}

  <a href="/index/login" class="btn btn-link btn-lg text-muted">
                                                           购买
                                                        </a>

{else /}
  {if condition="$ispaytype egt 1"}
   <form class="layui-form" action="{:url('/index/user/download')}" method="post">
     <input type="text" value="{$archivesData.id}" name="id" style="display:none"></input>
  <button  class="btn btn-link btn-lg text-muted">下载 </button>
   </form>
 
  {else /}
   <form class="layui-form" action="{:url('/index/user/buy')}" method="post">
     <input type="text" value="{$archivesData.id}" name="id" style="display:none"></input>
     <input type="text" value="1" name="type" style="display:none"></input>
     <input type="text" value="1" name="paycate" style="display:none"></input>
  <button  class="btn btn-link btn-lg text-muted">购买 </button>
   </form>
 
{/if}
{/empty}
                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card mb-1 shadow-none border">
                                            <div class="p-2">
                                                <div class="row align-items-center">
                                                    <div class="col-auto">
                                                        <img src="/public/assets/images/projects/project-1.jpg" class="avatar-sm rounded" alt="file-image" />
                                                    </div>
                                                    <div class="col pl-0">
                                                        <a href="javascript:void(0);" class="text-muted font-weight-bold">源码+搭建</a>
                                                        <p class="mb-0">付款￥{$archivesData.ajjiage}后包安装</p>
                                                    </div>
                                                    <div class="col-auto">
                                                        <!-- Button -->
             
                                                               {empty name="login"}

  <a href="/index/login" class="btn btn-link btn-lg text-muted">
                                                           购买
                                                        </a>

{else /}
 {if condition="$ispaytype egt 2"}
   <form class="layui-form" action="{:url('/index/user/download')}" method="post">
     <input type="text" value="{$archivesData.id}" name="id" style="display:none"></input>
  <button  class="btn btn-link btn-lg text-muted">已购买 </button>
   </form>
  
  {else /}
    <form class="layui-form" action="{:url('/index/user/buy')}" method="post">
     <input type="text" value="{$archivesData.id}" name="id" style="display:none"></input>
     <input type="text" value="2" name="type" style="display:none"></input>
     <input type="text" value="1" name="paycate" style="display:none"></input>
  <button  class="btn btn-link btn-lg text-muted">购买 </button>
   </form>
 
{/if}
{/empty}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card mb-0 shadow-none border">
                                            <div class="p-2">
                                                <div class="row align-items-center">
                                                    <div class="col-auto">
                                                        <div class="avatar-sm">
                                                            <span class="avatar-title bg-secondary rounded">
                                                                全包
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col pl-0">
                                                        <a href="javascript:void(0);" class="text-muted font-weight-bold">一条龙搭建服务</a>
                                                        <p class="mb-0">付款￥{$archivesData.ytljiage}包搭建所需域名/服务器等</p>
                                                    </div>
                                                    <div class="col-auto">
                                                        <!-- Button -->
   
                                               
                                                               {empty name="login"}

  <a href="/index/login" class="btn btn-link btn-lg text-muted"> 购买</a>

{else /}
 {if condition="$ispaytype egt 3"}
   <form class="layui-form" action="{:url('/index/user/download')}" method="post">
     <input type="text" value="{$archivesData.id}" name="id" style="display:none"></input>
  <button  class="btn btn-link btn-lg text-muted">已购买 </button>
   </form>
  {else /}
  <form class="layui-form" action="{:url('/index/user/buy')}" method="post">
     <input type="text" value="{$archivesData.id}" name="id" style="display:none"></input>
     <input type="text" value="3" name="type" style="display:none"></input>
     <input type="text" value="1" name="paycate" style="display:none"></input>
  <button  class="btn btn-link btn-lg text-muted">购买 </button>
   </form>
{/if}
{/empty}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                 <div class="card">
                                    <div class="card-body">
                                        <h5 class="card-title mb-3">用户必看</h5>
                                        <div class="mt-3 chartjs-chart" style="height: 320px;">
                                             <h5 class="mt-0">买前须知</h5>
                                             1.本站所有网站都经站长测试，可正常使用。所有展示网站搭建效果与演示站一致</br>
                                             2.本站所有源码，没有任何基础的小白请直接选择付费安装服务。</br>
                                             3.因源码具有可复制性，所以本站源码一经售出概不退换</br>
                                            <canvas id="line-chart-example"></canvas>
                                        </div>    
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end row -->
                        
                    </div> <!-- container -->

                </div> <!-- content -->

                <!-- Footer Start -->
            {include file="public/foot" /}
                <!-- end Footer -->

            </div>

            <!-- ============================================================== -->
            <!-- End Page content -->
            <!-- ============================================================== -->


        </div>
        <!-- END wrapper -->


        <!-- Right Sidebar -->
        <div class="right-bar">

            <div class="rightbar-title">
                <a href="javascript:void(0);" class="right-bar-toggle float-right">
                    <i class="dripicons-cross noti-icon"></i>
                </a>
                <h5 class="m-0">Settings</h5>
            </div>

            <div class="slimscroll-menu rightbar-content">

                <!-- Settings -->
                <hr class="mt-0" />
                <h5 class="pl-3">Basic Settings</h5>
                <hr class="mb-0" />

                <div class="p-3">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="notifications-check" checked>
                        <label class="custom-control-label" for="notifications-check">Notifications</label>
                    </div>

                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="api-access-check">
                        <label class="custom-control-label" for="api-access-check">API Access</label>
                    </div>

                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="auto-updates-check" checked>
                        <label class="custom-control-label" for="auto-updates-check">Auto Updates</label>
                    </div>

                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="online-status-check" checked>
                        <label class="custom-control-label" for="online-status-check">Online Status</label>
                    </div>

                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="auto-payout-check">
                        <label class="custom-control-label" for="auto-payout-check">Auto Payout</label>
                    </div>

                </div>


                <!-- Timeline -->
                <hr class="mt-0" />
                <h5 class="pl-3">Recent Activity</h5>
                <hr class="mb-0" />
                <div class="pl-2 pr-2">
                    <div class="timeline-alt">
                        <div class="timeline-item">
                            <i class="mdi mdi-upload bg-info-lighten text-info timeline-icon"></i>
                            <div class="timeline-item-info">
                                <a href="#" class="text-info font-weight-bold mb-1 d-block">You sold an item</a>
                                <small>Paul Burgess just purchased “Hyper - Admin Dashboard”!</small>
                                <p class="mb-0 pb-2">
                                    <small class="text-muted">5 minutes ago</small>
                                </p>
                            </div>
                        </div>

                        <div class="timeline-item">
                            <i class="mdi mdi-airplane bg-primary-lighten text-primary timeline-icon"></i>
                            <div class="timeline-item-info">
                                <a href="#" class="text-primary font-weight-bold mb-1 d-block">Product on the Bootstrap Market</a>
                                <small>Dave Gamache added
                                    <span class="font-weight-bold">Admin Dashboard</span>
                                </small>
                                <p class="mb-0 pb-2">
                                    <small class="text-muted">30 minutes ago</small>
                                </p>
                            </div>
                        </div>

                        <div class="timeline-item">
                            <i class="mdi mdi-microphone bg-info-lighten text-info timeline-icon"></i>
                            <div class="timeline-item-info">
                                <a href="#" class="text-info font-weight-bold mb-1 d-block">Robert Delaney</a>
                                <small>Send you message
                                    <span class="font-weight-bold">"Are you there?"</span>
                                </small>
                                <p class="mb-0 pb-2">
                                    <small class="text-muted">2 hours ago</small>
                                </p>
                            </div>
                        </div>

                        <div class="timeline-item">
                            <i class="mdi mdi-upload bg-primary-lighten text-primary timeline-icon"></i>
                            <div class="timeline-item-info">
                                <a href="#" class="text-primary font-weight-bold mb-1 d-block">Audrey Tobey</a>
                                <small>Uploaded a photo
                                    <span class="font-weight-bold">"Error.jpg"</span>
                                </small>
                                <p class="mb-0 pb-2">
                                    <small class="text-muted">14 hours ago</small>
                                </p>
                            </div>
                        </div>

                        <div class="timeline-item">
                            <i class="mdi mdi-upload bg-info-lighten text-info timeline-icon"></i>
                            <div class="timeline-item-info">
                                <a href="#" class="text-info font-weight-bold mb-1 d-block">You sold an item</a>
                                <small>Paul Burgess just purchased “Hyper - Admin Dashboard”!</small>
                                <p class="mb-0 pb-2">
                                    <small class="text-muted">1 day ago</small>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>


        <div class="rightbar-overlay"></div>
        <!-- /Right-bar -->


        <!-- App js -->
        <script src="/public/assets/js/app.min.js"></script>

        <!-- third party js -->
        <script src="/public/assets/js/vendor/Chart.bundle.min.js"></script>
        <!-- third party js ends -->

        <!-- demo app -->
        <script src="/public/assets/js/pages/demo.project-detail.js"></script>
        <!-- end demo js-->

    </body>
</html>
